window.onload = () => {
    //顶部背景文字
    // var join_animation = document.queryselector(".join_animation");
    //应聘须知
    var join_animation1 = document.queryselector(".join_animation1");
    var join_cover = document.queryselector(".global_cover");
    var join_animation3 = document.queryselector(".join_animation3");

    //福利待遇
    var join_animation2 = document.queryselector(".join_animation2");
    var join_cover1 = document.queryselector(".global_cover1");
    var join_animation4 = document.queryselector(".join_animation4");
    //答疑展示
    // var join_animation5 = document.queryselectorall(".join_animation5");
    //咨询
    // var join_animation6 = document.queryselectorall(".join_animation6");
    // var join_animation7 = document.queryselector(".join_animation7");
    // var join_animation8 = document.queryselector(".join_animation8");

    //顶部文字
    // scan({
    //     option: 0.15,
    //     targetele: join_animation,
    //     animation: "global_reveal 0.8s linear 0.3s forwards",
    // });

    //应聘须知
    //动画1 背景
    // scan({
    //     option: 0.15,
    //     targetele: join_animation1,
    //     animation: "global_reveal 0.7s linear 0.3s forwards",
    //     funcall: (obj) => {
    //         /* testanimation.parentelement.children[0].getelementsbyclassname.animation = */
    //         join_cover.style.animation = "uncover 1.1s linear 1.3s forwards";
    //     }
    // });

    //动画2 背景+文字效果
    scan({
        option: 0.15,
        targetele: join_animation1,
        animation: "global_reveal 0.7s linear 0.3s forwards",
        funcall: (obj) => {
            /* testanimation.parentelement.children[0].getelementsbyclassname.animation = */
            join_cover.style.animation = "uncover 0.8s linear 1.2s forwards";
            join_animation3.style.animation = "global_reveal_join 0.8s linear 2s forwards";
        }
    });

    //福利待遇
    //动画1 背景
    // scan({
    //     option: 0.15,
    //     targetele: join_animation2,
    //     animation: "global_reveal 0.7s linear 0.3s forwards",
    //     funcall: (obj) => {
    //         /* testanimation.parentelement.children[0].getelementsbyclassname.animation = */
    //         join_cover1.style.animation = "uncover 1.1s linear 1.3s forwards";
    //     }
    // });


    //动画2 背景+文字效果
    scan({
        option: 0.15,
        targetele: join_animation2,
        animation: "global_reveal 0.7s linear 0.3s forwards",
        funcall: (obj) => {
            /* testanimation.parentelement.children[0].getelementsbyclassname.animation = */
            join_cover1.style.animation = "uncover 0.8s linear 1.2s forwards";
            join_animation4.style.animation = "global_reveal_join 0.8s linear 2s forwards";
        }
    });

    //下拉展示
    // var join_table_item = document.queryselectorall(".join_table_item");
    // var join_job_box = document.queryselectorall(".join_job_box");
    // var join_job_closed = document.queryselectorall(".join_job_closed");
    // var num;
    // // console.log(join_job_closed);

    // function f1() {
    //     join_open1(this);
    // }

    // function f2() {
    //     join_close1(this);
    // }


    // function join_open1(obj) {
    //     join_job_box[obj.getattribute("index")].style.animation = "join_open 0.4s linear 0s forwards";
    //     obj.removeeventlistener("click", f1);
    //     obj.addeventlistener("click", f2);
    //     num = obj.getattribute("index");
    // }

    // function join_close1(obj) {
    //     join_job_box[obj.getattribute("index")].style.animation = "join_close 0.4s linear 0s forwards";
    //     obj.removeeventlistener("click", f2);
    //     obj.addeventlistener("click", f1);
    // }

    // function join_close2(obj) {
    //     this.parentelement.parentelement.style.animation = "join_close 0.4s linear 0s forwards";
    //     join_table_item[num].removeeventlistener("click", f2);
    //     join_table_item[num].addeventlistener("click", f1);

    // }

    // for (var i = 0; i < join_table_item.length; i++) {
    //     join_table_item[i].addeventlistener("click", f1);
    // }
    // for (var i = 0; i < join_table_item.length; i++) {
    //     join_job_closed[i].addeventlistener("click", join_close2);
    // }
    //答疑展示
    // for (var i = 0; i < join_animation5.length; i++) {
    //     scan({
    //         option: 0.15,
    //         targetele: join_animation5[i],
    //         animation: "global_reveal 0.8s linear 0.3s forwards",
    //     });
    // }
    //咨询
    // for (var i = 0; i < join_animation5.length + 1; i++) {
    //     scan({
    //         option: 0.15,
    //         targetele: join_animation6[i],
    //         animation: "global_reveal 0.8s linear 0.3s forwards",
    //     });
    // }
    // scan({
    //     option: 0.15,
    //     targetele: join_animation7,
    //     animation: "global_reveal 0.8s linear 0.6s forwards",
    // });
    // scan({
    //     option: 0.15,
    //     targetele: join_animation8,
    //     animation: "global_reveal 0.8s linear 0.6s forwards",
    // });



    // 下拉展示英文界面
    // var join_table_item_en = document.queryselectorall(".join_table_item_en");
    // var join_job_box_en = document.queryselectorall(".join_job_box_en");
    // var join_job_closed_en = document.queryselectorall(".join_job_closed_en");
    // var num_en;
    // // console.log(join_job_closed);

    // function f1_en() {
    //     join_open1_en(this);
    // }

    // function f2_en() {
    //     join_close1_en(this);
    // }


    // function join_open1_en(obj) {
    //     join_job_box_en[obj.getattribute("index")].style.animation = "join_open_en 0.4s linear 0s forwards";
    //     obj.removeeventlistener("click", f1_en);
    //     obj.addeventlistener("click", f2_en);
    //     num_en = obj.getattribute("index");
    // }

    // function join_close1_en(obj) {
    //     join_job_box_en[obj.getattribute("index")].style.animation = "join_close_en 0.4s linear 0s forwards";
    //     obj.removeeventlistener("click", f2_en);
    //     obj.addeventlistener("click", f1_en);
    // }

    // function join_close2_en(obj) {
    //     this.parentelement.parentelement.style.animation = "join_close_en 0.4s linear 0s forwards";
    //     join_table_item_en[num_en].removeeventlistener("click", f2_en);
    //     join_table_item_en[num_en].addeventlistener("click", f1_en);

    // }

    // for (var i = 0; i < join_table_item_en.length; i++) {
    //     join_table_item_en[i].addeventlistener("click", f1_en);
    // }
    // for (var i = 0; i < join_table_item_en.length; i++) {
    //     join_job_closed_en[i].addeventlistener("click", join_close2_en);
    // }
}